<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="mycss.css">
</head>

<body>
    <div>
        <div class="header">
            <ul style="margin-left: 100px;">
                <li class="li_noraml">tb7312382323 <img src="images/down.png" width="12" /></li>
                <li style="margin-left: 15px;font-size: 13px;cursor: pointer;"><img src="images/message.png"
                        width="12" /> 消息 <img src="images/down.png" width="12" /></li>
                <li style="margin-left: 15px;" class="li_noraml">手机逛淘宝</li>
            </ul>

            <ul class="right_ul">
                <li class="li_theme" style="margin-left: 80px;">淘宝网首页</li>
                <li class="li_noraml">我的淘宝 <img src="images/down.png" width="12" /></li>
                <li class="li_noraml"><img src="images/cart.png" width="12" /> 购物车 <img src="images/down_red.png"
                        width="12" /></li>
                <li class="li_noraml"><img src="images/coll.png" width="12" /> 收藏夹 <img src="images/down.png"
                        width="12" /></li>
                <li class="li_noraml">商品分类</li>
                <li class="li_noraml">卖家中心 <img src="images/down.png" width="12" /></li>
                <li class="li_noraml">联系客服 <img src="images/down.png" width="12" /></li>
                <li class="li_noraml"><img src="images/daohang.png" width="12" /> 网站导航 <img src="images/down_red.png"
                        width="12" /></li>
            </ul>
        </div>

        <div class="content">
            <div class="logo_area">
                <img src="images/reg_logo.PNG" alt="" width="120" height="60">
                <span class="logo_font">用户注册</span>
            </div>

            <div class="reg_box">
                <div class="form_item">
                    <span class="input_tip">手机号码</span>
                    <select name="phone_area" id="phone_area">
                        <option value="中国大陆    +86">中国大陆 +86</option>
                        <option value="中国台湾    +886">中国台湾 +886</option>
                        <option value="中国香港    +852">中国香港 +852</option>
                        <option value="马来西亚    +60">马来西亚 +60</option>
                        <option value="新加坡    +65">新加坡 +65</option>
                        <option value="日本    +81">日本 +81</option>
                    </select>
                    <input type="text" name="phone" id="phone_input" placeholder="请输入你的手机号码"><br>
                </div>
                <div class="form_item">
                    <span class="input_tip">验证码</span>
                    <input type="text" name="authCode" id="authCode_input" placeholder="请输入校验码">
                    <span class="get_code">获取验证码</span>
                </div>
                <button class="reg_btn" onclick="register()">同意协议并注册</button>
                <p class="reg_tip">
                    <span style="color: #d4d3d4;">已阅读并同意以下协议</span>淘宝平台服务协议、隐私权政策、法律声明、支付宝及客户端服务协议
                </p>
                <p class="change_tip">切换成企业账户注册</p>
            </div>
        </div>
        <div class="footer">
            <div class="first">
                <span>阿里巴巴集团</span>
                <span>阿里巴巴国际站</span>
                <span>阿里巴巴中国站</span>
                <span>全球速卖通</span>
                <span>淘宝网</span>
                <span>天猫</span>
                <span>聚划算</span>
                <span>一淘</span>
                <span>阿里妈妈</span>
                <span>阿里云计算</span>
                <span>云OS</span>
                <span>万网</span>
                <span>支付宝</span>
            </div>

            <div class="second">
                <span>关于淘宝</span>
                <span>合作伙伴</span>
                <span>营销中心</span>
                <span>联系客服</span>
                <span>开放平台</span>
                <span>诚征英才</span>
                <span>联系我们</span>
                <span>联系我们</span>
                <span>网站地图</span>
                <span>法律声明及隐私权政策</span>

                <a>© 2021 Taobao.com 版权所有</a>
            </div>

            <div class="third">
                <span>网络文化经营许可证：</span>
                <span class="third_change third_content">文网文[2010]040号</span>
                <span>增值电信业务经营许可证：</span>
                <span class="third_content">浙B2-20080224-1</span>
                <span>信息网络传播视听节目许可证：</span>
                <span>1109364号</span>
            </div>


        </div>
    </div>
    <script type="text/javascript">
        function isPoneAvailable(telephone) {
            var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
            if (!myreg.test(telephone)) {
                return false;
            } else {
                return true;
            }
        };

        function register() {
            var phone = document.getElementById('phone_input').value
            if (!isPoneAvailable(phone)) {
                alert('手机号码格式不正确，请重新输入')
            }
        }
    </script>
</body>

</html>